<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF=8">
        <title>Portal O Gato Preto</title>
        <link rel="stylesheet" type="text/css" href="_css/stylo.css">
        <script type="text/javascript" src="_javascript/funcoes.js"></script>
    </head>

    <body>        
        <div id="interface">
            <header id="cabecalho">
                <nav id="site">
                    <ul>
                        <li id="quem-somos"><a href="quemsomos.php">Quem somos</a></li>
                        <li id="seja-um-parceiro"><a href="sejaumparceiro.php">Seja um parceiro</a></li>
                        <li id="blog"><a href="http://www.gatopretojp.blogspot.com" target="_blank">Blog</a></li>
                    </ul>
                </nav>
                <div id="banner">
                    <img id="logo" src="_imagens/logo.png">
                    <p>Olá, seja bem vindo(a) faça o 
                        <a href="login.php">Login</a> ou <a href="cadastre.php">Cadastre-se</a>.</p>
                    <form action="pesquisa" method="GET">
                        <input type="text" name="pesquisa-no-site" 
                               id="pesquisa-no-site" value="Digite sua pesquisa aqui. . ." 
                               onclick="apagarTextoPesquisa()">
                    </form>
                </div>
                <div>
                    <nav id="menu">
                        <ul>
                            <li id="home"><a href="index.php">página principal</a></li>
                            <li id="policial"><a href="policial.php">policial</a></li>
                            <li id="politica"><a href="politica.php">política</a></li>
                            <li id="esporte"><a href="esporte.php">esporte</a></li>
                            <li id="entretenimento"><a href="entretenimento.php">entretenimento</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="publicidade">
                    <p id="titulo-publicidade">PUBLICIDADE</p>
                    <img src="_imagens/publicidade.png">
                </div>
            </header>

            <div id="bloco-esquerdo">
                <section id="lado-a">
                    <article>
                        <header>
                            <h1><a href="noticia.php">Bandidos assaltam ônibus na grande João Pessoa</a></h1>
                            <h2>Polícia prende 2 e 3 ainda estão foragidos</h2>                            
                        </header>
                        <img src="_imagens/exemploNoticiaPrincipal.png">
                        <ul>
                            <li><a href="noticia-sugestiva.php">Home morre atropelado em cabedelo</a></li>
                        </ul>
                    </article>
                </section>

                <section id="lado-b">
                    <article>
                        <header>
                            <h1><a href="noticia.php">Corinthians compra passe de alemão para este ano</a></h1>
                            <h2>Alemão pede para sair de time antigo</h2>                            
                        </header>
                        <img src="_imagens/exemploNoticiaSecundaria.png">
                        <ul>
                            <li><a href="noticia-sugestiva.php">Sport Club Recife investe em campo</a></li>
                        </ul>
                    </article>
                </section>

                <aside>
                    <header>
                        <p>Ultimas notícias</p>
                    </header>
                    <ul>
                        <li id="t">Corinthians perde na estreia do brasileirão</li>
                        <li id="n">O timão não conseguiu marcar nenhum gol</li>
                        <li id="t">Deputado estadual nega participação em escândalo</li>
                        <li id="n">Deputado Alberto Nobrega se encrenca</li>
                        <li id="t">Multidão se manifesta em frente ao Ronaldão</li>
                        <li id="n">Pessoas protestam contra as obras do Ronaldão</li>
                    </ul>

                </aside>
            </div>                

            <footer id="rodape">
                <h1>&copy 2005-2014 O Gato Preto. Todos os direitos reservados.</h1>
                <h2>
                    <a href="http://facebook.com/ogatopretooriginal" target="_blank">Facebook</a> 
                    <span>&verbar;</span> 
                    <a href="http://twiter.com/ogatopretooriginal" target="_blank">Twiter</a>
                </h2>
                
                <ul>
                    <li><a href="assistencia-social.php">Assistência Social</a></li>
                    <li><a href="jornalismo.php">Jornalismo</a></li>
                    <li><a href="redacao.php">Redação</a></li>
                </ul>
                
            </footer>            
        </div>           
    </body>

</html>